body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 14px
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font- style: normal;
}

code, kbd, pre, samp {
    font-family: couriernew, courier,
    monospace;
}

small {
    font-size: 12px;
}

ul, ol {
    list-style: none;
}

a {
    text- decoration: none;
}

a:hover {
    text-decoration: underline;
}

sup {
    vertical- align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body *:after, body
*:before {
    content: " ";
}

/*top*/
.herdtop {
    background: #9028c5;
    position: relative;
    overflow: hidden;
}

.herdtop img {
    display: block;
    margin: auto;
}

.herdtop span {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    border: solid 1px #fff;
    padding: 0 2px;
}

.header {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
}

.header
ul {
    float: right;
}

.header ul a {
    float: left;
    color: #fff;
    line-height: 30px;
    display: inline;
    display: block;
    padding: 31px 20px 30px;
    line-height: 21px;
    transition: color .1s linear;
}

.banner {
    position: relative;
    height: 680px;
    left: 0;
    right: 0;
    width: 100%;
}

#banner {
    width: 100%;
    height: 680px;
    overflow: hidden;
}

#banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    align-items: center;
}

a {
    text- decoration: none;
    color: red;
}

/*video*/
.home-video-box {
    margin- bottom: 60px;
    margin: auto;
    width: 1266px
}

.xm-plain-box .box-
hd {
    position: relative;
    height: 58px;
    -webkit-font-smoothing: antialiased
}

.xm-
plain-box .box-hd .title {
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line- height: 58px;
    color: #333
}

.xm-plain-box .box-hd
.more {
    position: absolute;
    top: 0;
    right: 0
}

.xm-plain-box .box-hd .more .more-link {
    font-size: 16px;
    line-height: 58px;
    color: #424242;
    -webkit-transition: all .4s;
    transition: all .4s
}

.video-
list {
    width: 1240px;
    height: 285px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.video-item {
    position: relative;
    float: left;
    width: 296px;
    height: 285px;
    margin- left: 14px;
    margin-bottom: 14px;
    text-align: center;
    background: #fff;
    -webkit- transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden;
}

.video-item .figure-
img {
    position: relative;
    width: 296px;
    height: 180px;
    margin: 0 0 28px
}

.video-item
.figure-img a {
    display: block;
    height: 180px
}

.video-item .figure-img {
    position: relative;
    width: 296px;
    height: 180px;
    margin: 0 0 28px;

}

.video-item .play {
    position: absolute;
    left: 20px;
    bo ttom: 10px;
    width: 32px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 12px;
    background-color: #424242;
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImag eTransform.Microsoft.gradient(startColorstr="#99000000",
    endColorstr="#99000000") \9;
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    overflow: hidden
}

.video-item .play i {
    font-size: 30px;
    line-height: 20px
}

.iconfont {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx- font-smoothing: grayscale
}

.video-item .title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333
}

.video-item .title
a {
    color: #333
}

.video-item .desc {
    height: 18px;
    margin: 0;
    font- size: 12px;
    color: #b0b0b0;
    padding: 0 8px;
}

/*footer*/
.container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}

.site-footer .footer-service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}

.site-footer .list-
service {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.site-
footer .list-service li:first-child {
    border-left: 0;
}

.xm-plain-box .box-hd .title {
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
    padding: 0;
}

.xm-plain-box .box-hd .more {
    position: absolute;
    top: 0;
    right: 40px;
}

.xm-plain-box .box-hd .more .more-link {
    font-size: 16px;
    line-height: 58px;
    color: #424242;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.video-list {
    width: 1240px;
    height: 285px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.video-item:first-child, .video-item-first {
    margin-left: 0;
}

.video-item {
    position: relative;
    float: left;
    width: 296px;
    height: 285px;
    margin-left: 14px;
    margin-bottom: 14px;
    text-align: center;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.site-footer .list-service li {
    float: left;
    width: 19.8%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.site-footer .list-service li:first-child {
    border-left: none;
}

.site-footer .list-service a {
    color: #616161;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.site-footer .list-service .iconfont {
    margin-right: 6px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: -4px;
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.site-footer .list-service li {
    float: left;
    width: 19.8%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.site-footer .footer-links {
    padding: 40px 0;
}

.site-footer .footer-links .col-links {
    float: left;
    width: 160px;
    height: 112px;
    margin: 0;
}

.site-footer .footer-links .col-links dt {
    margin: -1px 0 26px;
    font-size: 14px;
    line-height: 1.25;
    color: #424242;
}

.site-footer .footer-links .col-links dd {
    margin: 10px 0 0;
    font-size: 12px;
}

.site-footer .footer-links .col-links a {
    color: #757575;
}

.site-footer .footer-links .col-contact {
    float: right;
    width: 251px;
    height: 112px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #616161;
}

.site-footer .footer-links .col-contact .phone {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 1;
    color: #ff6700;
}

.site-footer .footer-links .col-contact p {
    margin: 0 0 16px;
    font-size: 12px;
}

.btn-small {
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
}

.btn {
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #b0b0b0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700;
}

.video-item:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.site-footer .list-service a:hover {
    color: #ff6700
}

.site-footer .footer-links .col-links a:hover {
    color: #ff6700
}

.btn-line-primary:hover {
    color: #fff;
    background-color: #f25807;
    border-color: #f25807
}

/*侧边*/
.layout-magnet {
    position: fixed;
    right: -123px;
    color: #fff;
    z-index: 9999;
    font-weight: 400;
    transition: right .2s;
}

.layout-magnet .layout-magnet-item {
    position: relative;
    right: 0;
    background-color: #d8d8d8;
    transition: all .3s linear;
    margin-bottom: 1px;
}

.layout-magnet .layout-magnet-link {
    display: block;
    line-height: 50px;
    color: #fff;
    word-break: keep-all;
    font-size: 0;
}

.layout-magnet .layout-magnet-icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-align: center;
}

.layout-magnet .layout-font {
    font-size: 30px;
}

.layout-font.layout-font-cart:before {
    content: '\E604';
}

.layout-magnet .layout-magnet-text {
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    font-size: 12px;
    text-align: left;
}

.layout-font {
    font-family: layout-font !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.layout-magnet .layout-magnet-text {
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    font-size: 12px;
    text-align: left;
}

.layout-magnet .layout-magnet-download {
    position: absolute;
    right: 124px;
    bottom: 0;
}

.layout-magnet .layout-magnet-download .layout-magnet-download-body {
    width: 162px;
    height: 0;
    background-color: #a39a9a;
    overflow: hidden;
    transition: height .2s linear;
    line-height: normal;
}

.layout-magnet .layout-magnet-download:after {
    position: absolute;
    right: -1px;
    bottom: 0;
    content: '';
    height: 50px;
    width: 0;
    background-color: #a39a9a;
}

.layout-magnet.layout-magnet-show {
    right: -73px;
}

.layout-magnet .layout-magnet-cart-num {
    -webkit-text-size-adjust: none;
    position: absolute;
    top: 10px;
    left: auto;
    right: 77px;
    height: 15px;
    line-height: 15px;
    background-color: #f0415f;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 0 3px;
    transition: left .1s;
}

.store-iconfont.store-icon-app:before {
    content: "公众号";
    font-size: 15px;
    line-height: 50px;
}

.store-iconfont.store-icon-top:before {
    content: "\E60F";
}

.xm-plain-box .box-hd {
    position: relative;
    height: 58px;
    -webkit-font-smoothing: antialiased;
}

/*******/
.wocaonima {
    height: 336px;
    overflow: hidden;
    width: 1240px;
    margin: 50px auto;
    position: relative;
}

/*block*/
#mz-index-banner {
    position: relative;
    height: 680px
}

.swiper-container-banner {
    position: relative;
    height: 680px;
    width: 100%;
    overflow: hidden
}

.swiper-container-banner .swiper-wrapper {
    height: 100%
}

.swiper-container-banner .swiper-wrapper .swiper-slide {
    height: 100%
}

#meizu-header-container.toggle {
    background-color: #fff
}

.button-wrapper {
    width: 1240px;
    height: 100%;
    margin: 0 auto;
    z-index: 1;
    position: relative
}

.button-wrapper a {
    display: none;
    position: absolute;
    text-align: center;
    letter-spacing: 1px
}

.button-wrapper a:focus {
    outline: 0
}

.button-wrapper .btn-mzwhite {
    background: #fff;
    color: #00c1f8;
    border: 2px solid #00c1f8
}

.button-wrapper .btn-mzblue, .button-wrapper .btn-mzwhite:hover {
    background: #00c1f8;
    border: 2px solid #00c1f8;
    color: #fff
}

.button-wrapper .btn-mzred {
    background-color: #df1a2e;
    border: #df1a2e 2px solid;
    color: #fff
}

.button-wrapper .btn-mzgray {
    background-color: #29292d;
    border: #29292d 2px solid;
    color: #959595
}

.button-wrapper .btn-mzblack {
    border: #29292d 2px solid;
    background: #000;
    color: #959595
}

.button-wrapper .btn-mzgray:hover, .button-wrapper .btn-mzblack:hover {
    background: #323236;
    border: #323236 2px solid
}

.button-wrapper .caption-0 {
    display: none
}

.button-wrapper .caption-1 {
    display: block
}

.noblue-banner .button-group {
    width: 380px;
    margin: 0;
    padding: 362px 0 0 700px
}

.noblue-banner .button-group a {
    float: left;
    width: 156px;
    margin-right: 20px;
    padding: 12px 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 6px;
    background: 0 0
}

.noblue-banner .button-group .btn-yuding {
    background-color: #fff;
    color: #00b9f2;
    border-radius: 6px
}

.note-banner .button-group {
    width: 310px;
    margin: 0;
    padding: 449px 0 0
}

.note-banner .button-group a {
    float: left;
    width: 128px;
    margin-right: 20px;
    padding: 12px 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 6px;
    background: 0 0
}

.note-banner .button-group .btn-yuding {
    background-color: #fff;
    color: #00b9f2;
    border-radius: 6px
}

.connected-banner .button-group {
    width: 390px;
    margin: 0;
    padding: 540px 0 0 364px
}

.connected-banner .button-group a {
    float: left;
    width: 174px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 30px;
    color: #000
}

.connected-banner .button-transparent a {
    border: 0;
    width: 75px;
    height: 100px;
    margin-right: 44px
}

.appdown20e-banner .button-group {
    width: 164px;
    margin: 0 auto;
    left: -40px;
    padding: 500px 0 0
}

.appdown20e-banner .button-group a {
    display: block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    background-color: #fff;
    text-shadow: 0 0 2px #999;
    border: #333 1px solid;
    border-radius: 40px
}

.slider-wrap .button-group .btn-last {
    margin-right: 0
}

.theme-white #meizu-header-container .meizu-header-link, .theme-white #meizu-header-container .meizu-header-link a, .theme-white .meizu-header-log {
    color: #fff
}

.theme-gray #meizu-header-container .meizu-header-link a, .theme-gray .meizu-header a {
    color: #333
}

.theme-white #meizu-header-container.toggle .meizu-header-link a {
    color: red
}

.theme-gray #meizu-header-container .meizu-header-link a:hover, .theme-white #meizu-header-container .meizu-header-link a:hover, .theme-white #meizu-header-container.toggle .meizu-header-link a:hover {
    color: #31a5e7
}

.theme-white #meizu-header-container .meizu-header-logo-img {
    width: 115px;
    height: 20px;
    display: block;
    background-image: url(//www3.res.meizu.com/static/cn/index/images/logo-new_774b3e9.png);
    background-image: -webkit-image-set(url(//www3.res.meizu.com/static/cn/index/images/logo-new_774b3e9.png) 1x, url(//www3.res.meizu.com/static/cn/index/images/logo-new@2x_144f1bd.png) 2x)
}

#meizu-header-container.toggle .meizu-header-logo-img, .theme-gray #meizu-header-container .meizu-header-logo-img {
    -webkit-filter: none;
    filter: none;
    width: 115px;
    height: 20px;
    display: block;
    background-image: url(//www3.res.meizu.com/static/cn/index/images/logo-new-toggle_294da7f.png);
    background-image: -webkit-image-set(url(//www3.res.meizu.com/static/cn/index/images/logo-new-toggle_294da7f.png) 1x, url(//www3.res.meizu.com/static/cn/index/images/logo-new-toggle@2x_52c2068.png) 2x)
}

.container #meizu-header-container {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0
}

.swiper-slide {
    background-position: center 0;
    background-repeat: no-repeat;
    box-sizing: content-box;
    float: left
}

.pagination {
    width: 500px;
    padding: 0 10px;
    height: 20px;
    position: absolute;
    z-index: 20;
    left: 50%;
    margin-left: -260px;
    bottom: 10px;
    text-align: center
}

.swiper-pagination-switch {
    display: inline-block;
    zoom: 1;
    margin: 3px 12px;
    width: 10px;
    height: 14px;
    background-image: url(//www3.res.meizu.com/static/cn/index/images/icon-circle_a1102e1.png);
    background-image: -webkit-image-set(url(//www3.res.meizu.com/static/cn/index/images/icon-circle_a1102e1.png) 1x, url(//www3.res.meizu.com/static/cn/index/images/icon-circle@2x_03c7fd2.png) 2x);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: -14px center
}

.swiper-active-switch {
    background-position: 0 center;
    width: 14px;
    margin: 3px 10px
}

.theme-white .swiper-pagination-switch {
    background-position: -14px center
}

.theme-white .swiper-active-switch {
    background-position: 0 center
}

.theme-gray .swiper-pagination-switch {
    background-position: -38px center
}

.theme-gray .swiper-active-switch {
    background-position: -24px center
}

.full-a {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    text-align: center
}

.index-container {
    background: #f4f4f4;
    min-width: 1240px;
    overflow: hidden
}

.index-brick {
    height: 376px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #eee
}

.brick-col {
    float: left;
    position: relative;
    overflow: hidden;
    width: 170px;

}

.brick-col h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: -6px
}

.brick-col.no-margin {
    margin: 0
}

.brick-col:nth-child(4n) {
    margin: 0
}

.index-brick-row * {
    box-sizing: border-box
}

.index-brick-row {
    position: relative;
    min-width: 1240px
}

.index-brick-row span {
    color: #999;
    white-space: nowrap
}

.brick-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: #333;
    transition: opacity .2s ease-in-out
}

.has-mask {
    background: #000;
    position: relative
}

.brick-wrapper {
    overflow: hidden;
    width: 1240px;
    padding-top: 76px;
    margin: 0 auto
}

.brick-img {
    width: 160px;
    height: 160px
}

.has-mask .brick-img {
    opacity: .4;
    transition: transform 2s
}

.brick-inner-img {
    display: block;
    margin: auto
}

.inner-stuff-img {
    width: 50%
}

.xxl .inner-stuff-img {
    width: auto
}

.brick-logo-stuff {
    width: 100%;
    position: absolute;
    z-index: 9;
    top: 38%
}

.brick-inner-stuff {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff
}

.brick-inner-stuff img {
    display: block;
    margin: auto
}

#care-brick .brick-inner-stuff {
    position: absolute;
    top: 7%;
    z-index: 9
}

.brick-inner-text {
    font-size: 23px;
    text-align: center;
    margin-top: 8px
}

#care-brick p {
    color: #fff;
    line-height: 50px
}

.index-accessory {
    width: 1240px;
    margin: 0 auto;
    height: 382px
}

.index-accessory .accessory-left {
    width: 50%;
    float: left;
    position: relative;
    height: 382px
}

.index-accessory .accessory-left a {
    position: absolute;
    left: 0;
    bottom: 0
}

.index-accessory .accessory-left img {
    width: 620px;
    display: block
}

.index-accessory .accessory-right {
    float: right;
    width: 50%
}

.index-accessory .accessory-right ul {
    padding-top: 90px
}

.index-accessory .accessory-right ul li {
    float: left;
    width: 25%;
    height: 135px;
    text-align: center
}

.index-accessory .accessory-right a {
    width: 80px;
    display: block;
    margin: 0 auto
}

.index-accessory .accessory-right img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 10px
}

.index-find-phone {
    background: #fff;
    position: relative;
    padding: 65px 0 50px
}

.index-find-phone .swiper-container-phone {
    width: 1240px;
    height: 360px;
    margin: 0 auto;
    overflow: hidden
}

.index-find-phone .swiper-container-phone .swiper-slide {
    text-align: center
}

.index-find-phone .swiper-container-phone .index-phone-slide a {
    position: relative;
    float: left;
    margin-right: 100px;
    width: 234px
}

.index-find-phone .swiper-container-phone .index-phone-slide .img-wp {
    width: 200px;
    height: 260px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.index-find-phone .swiper-container-phone .index-phone-slide .no-margin {
    margin: 0
}

.index-find-phone .swiper-container-phone .phone-info {
    line-height: 20px;
    color: #666;
    font-size: 14px;
    padding-top: 8px;
    display: block
}

.index-find-phone .swiper-container-phone .phone-info span {
    display: block;
    margin-bottom: 4px
}

.index-find-phone .swiper-container-phone .phone-info em {
    display: block;
    padding-top: 2px;
    color: #f0415f;
    text-indent: -5px
}

.index-find-phone .swiper-container-phone .dec_color {
    color: #f0415f
}

.index-find-phone .swiper-container-phone img {
    width: 280px;
    border-radius: 20px;
    position: absolute;
    top: -6px;
    margin-left: -140px;
    left: 50%
}

.index-find-phone .index_swiper_btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 108px;
    background: #d8d8d8 \9;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    transition: background .3s, opacity .3s;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 0
}

.index-find-phone .index_swiper_btn:hover {
    background: rgba(0, 0, 0, .9)
}

.index-find-phone .index_swiper_btn img {
    width: 100%;
    position: relative;
    margin: 0;
    top: 0;
    border-radius: 0;
    left: 0
}

.index-find-phone .index_swiper_pre {
    left: -90px
}

.index-find-phone .index_swiper_pre img {
    left: -3px
}

.index-find-phone .index_swiper_next {
    right: -82px
}

.index-find-phone .swiper-big-wrapper {
    width: 1240px;
    margin: 0 auto;
    position: relative
}

.index-find-phone .swiper-big-wrapper:hover .index_swiper_btn {
    opacity: 1
}

.swiper-pagination {
    margin-top: 42px;
    text-align: center
}

.swiper-pagination .swiper-active-switch {
    background: #333
}

.swiper-pagination span {
    background: #d9d9d9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 5px
}

.index-static-phone {
    background: #fff;
    padding-top: 104px
}

.index-static-phone ul {
    width: 1240px;
    height: 520px;
    margin: 0 auto
}

.index-static-phone ul li {
    text-align: center;
    float: left
}

.index-static-phone ul a {
    position: relative;
    float: left;
    margin-right: 75px;
    width: 234px;
    display: block
}

.index-static-phone ul a:after {
    display: block;
    content: '';
    position: absolute;
    width: 125%;
    height: 100px;
    left: -6%;
    bottom: 23px;
    background: url(data:image/png; base64,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) no-repeat center;
    background-size: 100% 100%;
    opacity: .6
}

.index-static-phone ul .big-phone-img {
    width: 208px;
    height: 200px;
    position: relative;
    margin: 0 auto;

}

.index-static-phone ul .big-phone-img img {
    border-radius: 10px;
}

.index-static-phone ul .no-margin {
    margin: 0
}

.index-static-phone ul .phone-info {
    line-height: 20px;
    color: #666;
    font-size: 14px;
    padding-top: 28px;
    display: block
}

.index-static-phone ul .phone-info span {
    display: block;
    margin-bottom: 4px
}

.index-static-phone ul .phone-info em {
    display: block;
    padding-top: 2px;
    color: #f0415f;
    text-indent: -5px
}

.index-static-phone ul .dec_color {
    color: #f0415f
}

.index-static-phone ul img {
    width: 208px;
    border-radius: 20px;
    max-width: 208px;
    max-height: 200px;
    transition: transform .8s .1s
}

.index-static-phone ul .before {
    position: absolute;
    bottom: 0;
    left: 0
}

.index-static-phone ul .after {
    position: absolute;
    left: 0;
    bottom: 0
}

.index-static-phone ul .slide .before {
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0)
}

.index-static-phone ul .slide .after {
    -ms-transform: translate(-25%, 0);
    transform: translate(-25%, 0)
}

.index-static-accessory {
    background: #fff;
    padding-top: 104px;
    border-top: 1px solid #eee
}

.index-static-accessory ul {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden
}

.index-static-accessory ul li {
    text-align: center;
    float: left;
    margin-bottom: 80px
}

.index-static-accessory ul a {
    position: relative;
    float: left;
    margin-right: 100px;
    width: 234px
}

.index-static-accessory ul a:after {
    display: none
}

.index-static-accessory ul .no-margin {
    margin: 0
}

.index-static-accessory ul .phone-info {
    line-height: 20px;
    color: #666;
    font-size: 14px;
    padding-top: 28px;
    display: block
}

.index-static-accessory ul .phone-info span {
    display: block;
    margin-bottom: 4px
}

.index-static-accessory ul .phone-info em {
    display: block;
    padding-top: 2px;
    color: #f0415f;
    text-indent: -5px
}

.index-static-accessory ul .dec_color {
    color: #f0415f
}

.index-static-accessory ul img {
    width: 208px;
    border-radius: 5px;
    transition: opacity .3s .1s
}

.index-static-accessory ul .before {
    position: relative
}

.index-static-accessory ul .after {
    position: absolute;
    left: 12px;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.index-static-accessory ul .tip {
    position: absolute;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    left: 20px;
    top: 0;
    border-radius: 50%;
    z-index: 999
}

.index-static-accessory .slide .before {
    filter: alpha(opacity=0);
    opacity: 0
}

.index-static-accessory .slide .after {
    filter: alpha(opacity=100);
    opacity: 1
}

.index-server {
    text-align: center;
    padding: 66px 0;
    border-top: 1px solid #eee;
    background: #fff
}

.index-server ul {
    width: 1240px;
    margin: 0 auto
}

.index-server li {
    float: left;
    margin-right: 135px
}

.index-server .no-margin {
    margin-right: 0
}

.index-server a {
    display: block
}

.index-server img {
    display: block;
    margin: 0 auto 6px
}

.index-bbs-center {
    background: #f4f4f4;
    border-top: 1px solid #eee;
    padding-bottom: 67px
}

.index-bbs-center .index-bbs-title {
    padding-top: 70px;
    text-align: center
}

.index-bbs-center .index-bbs-title h3 {
    font-size: 35px;
    color: #333
}

.index-bbs-center .index-bbs-title p {
    padding-top: 6px;
    color: #999;
    font-size: 16px
}

.index-bbs-center .index-bbs-title a {
    color: #00b9f2
}

.index-bbs-swiper {
    width: 1240px;
    height: 310px;
    padding-top: 48px;
    margin: auto;
    overflow: hidden
}

.index-bbs-swiper .swiper-slide {
    position: relative;
    text-align: center
}

.index-bbs-swiper .swiper-slide a {
    display: block;
    height: 100%
}

.index-bbs-swiper .swiper-slide a > img {
    width: 290px;
    height: 310px
}

.index-bbs-swiper .swiper-slide .bss-user-info {
    position: absolute;
    left: 0;
    padding-left: 78px;
    bottom: 75px;
    color: #fff;
    text-align: left
}

.index-bbs-swiper .swiper-slide .bss-user-info img {
    position: absolute;
    left: 28px;
    width: 38px;
    height: 38px;
    border-radius: 50%
}

.index-bbs-swiper .swiper-slide .bss-user-info em {
    display: block;
    font-size: 14px;
    height: 21px;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-bbs-swiper .swiper-slide .bss-user-info .watch {
    padding-left: 18px;
    background: url("") 0 5px no-repeat;
    display: inline-block;
    width: 52px;
    position: absolute;
    left: 78px;
    font-size: 12px
}

.index-bbs-swiper .swiper-slide .bss-user-info .comments {
    padding-left: 18px;
    background: url("") 0 4px no-repeat;
    position: absolute;
    left: 150px;
    font-size: 12px
}

.index-bbs-swiper .swiper-slide .mask {
    position: absolute;
    width: 290px;
    height: 150px;
    left: 10px;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8), transparent)
}

.index-bbs-swiper .swiper-slide .bbs-img-title {
    position: absolute;
    left: 0;
    text-indent: 28px;
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    width: 280px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-service-center {
    overflow: hidden
}

.index-service-wp {
    height: 280px;
    max-width: 1920px;
    margin: 0 auto
}

.index-service-wp .index-service {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    height: 280px;
    overflow: hidden
}

.index-service-wp .index-service a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.index-service-wp .index-service img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    margin-left: -320px
}

.index-service-wp .index-service-1 {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

@media (max-width: 1366px) {
    .index-find-phone .index_swiper_next {
        right: 35px
    }

    .index-find-phone .index_swiper_pre {
        left: 30px
    }
}

.accessory-nav-container {
    width: 100%;
    display: none;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    z-index: 999;
    overflow: hidden;
    transition: height .3s
}

.accessory-nav-container .accessory-nav {
    width: 1240px;
    margin: 0 auto;
    position: relative
}

.accessory-nav-container .accessory-nav-list li {
    float: left;
    height: 70px;
    line-height: 70px;
    margin-right: 46px;
    position: relative
}

.accessory-nav-container .accessory-nav-list li a {
    font-size: 14px;
    color: #333;
    transition: color .2s;
    cursor: pointer
}

.accessory-nav-container .accessory-nav-list li a:hover {
    color: #00c3f5
}

.accessory-nav-container .accessory-nav-list li i {
    position: absolute;
    height: 2px;
    background: #00c3f5;
    width: 100%;
    left: 0;
    bottom: 15px;
    opacity: 0;
    transition: opacity .3s
}

.accessory-nav-container .accessory-nav-list li:hover i {
    opacity: 1
}

.accessory-nav-container.opened {
    height: 260px
}

.accessory-nav-container.hide {
    height: 0
}

.accessory-search {
    position: absolute;
    width: 268px;
    height: 33px;
    border: 1px solid #ddd;
    top: 17px;
    right: 0;
    display: none
}

.accessory-search input {
    border: 0;
    background: #fff;
    float: left;
    width: 230px;
    height: 33px;
    line-height: 33px;
    font-size: 12;
    color: #666;
    text-indent: 10px;
    outline: 0
}

.accessory-search button {
    float: left;
    width: 38px;
    height: 100%;
    border: 0;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURf///6ysrM/Pz+7u7vHx8aurq7e3t6qqqszMzP39/fDw8Pz8/O/v77i4uM7OzsDAwNDQ0O3t7a6urra2tsHBwb29vfb29vv7+6+vr83Nzf7+/tzc3Onp6cXFxb6+vrKyskPQUDoAAACOSURBVBjTlZBZDsIwDESbdbJ2oxst0PvfEpGkNGpBAv/YetKMxy6Kv4rXkhBf8wzpUiCUUPbNOkA11jYKqHSCV1xccpEo0yRgNpGDiL4UardXoKFLsB0yyNAJdBYE5AxHtJ/k/vsik0UyENVwDr9iWubtTKZH9jrT9cCDHx8yLxP6qKOStJ5G7+F++/3pTy/VBfJ8oMyGAAAAAElFTkSuQmCC) #fff center center no-repeat;
    cursor: pointer
}

.no-cssmask .swiper-slide .mask {
    background-image: url(https://cimg2.res.meizu.com/www/201706/1498017382062.png)
}

.phone-info {
    color: red;
    line-height: 20px;
    color: #666;
    font-size: 14px;
    padding-top: 8px;
    display: block;
    text-align: center;
}

/*page*/
.page {
    clear: both;
    text-align: center;
    padding: 40px 0;
}

.page a {
    margin: 0 5px;
    padding: 2px 5px;
    color: #333;
    border: solid 1px #000;
    text-align: center;
}

.page .active {
    border-color: red;
    color: red;
}

/*page*/
/*article*/
.article {
    width: 950px;
    float: right;
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 30px;
}

.article h1 {
    color: #333;
    font-size: 20px;
    text-align: center;
    padding-bottom: 50px;
    border-bottom: solid 1px #eee;
}

.article .content {
    color: #333
}

.tocb {
    padding-top: 50px;
}

.tocb a {
    color: #333;
    border-top: solid 1px #eee;
    display: block;
    float: right;
    margin: 0 50px;
    width: 50px;
    text-align: center;
    line-height: 30px;
}

.clear {
    float: clear;
    border-bottom: solid 1px #eee;
}

.article .left {
    float: left;
    width: 400px;
    padding-left: 100px;
}

.article .right {
    float: left;
    width: 380px;
}

.detail_right {
    margin-top: 100px;
    width: 238px;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 258px;
    float: left;
    overflow: hidden;
}

.detail_right a {
    display: inline-block;
    width: 238px;
    height: 258px;
    background: url(../images/ck2.png) no-repeat left center;
}

.detail_right a:hover {
    background: url(../images/ck3.png) no-repeat left center;
}

/*article*/
::input-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

::placeholder {
    color: #999
}

/******list content******/
.content .left {
    width: 200px;
    float: left;
}

.content .left h3 {
    color: #333;
    text-align: center;
}

.content .left ul {
    border-bottom: solid 1px #ccc;
}

.content .left ul li {
    padding: 20px;
    border-top: solid 1px #ccc;
}

.content .left ul li:hover {
    background: #eee;
}

.content .zuoduiqi {
    width: 990px;
    float: right;
}

.content .video-list {
    width: 100%;
}

.zuidakuang {
    width: 1260px;
    margin: auto;
}

.zuidakuang .zuleft {
    width: 200px;
    float: left;
}

.zuidakuang .zuleft h3 {
    color: #333;
    text-align: center;
}

.zuidakuang .zuleft ul {
    border-bottom: solid 1px #ccc;
}

.zuidakuang .zuleft ul li {
    padding: 20px;
    border-top: solid 1px #ccc;
}

.zuidakuang .zuleft ul li:hover {
    background: #eee;
}

/******淘宝*****/
.box {
    width: 310px;
    float: left;
}

.tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tb-pic a img {
    vertical-align: middle;
    cursor: pointer;
}

.tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
    max-width: 100%;
    max-height: 100%;
}

.tb-thumb {
    margin: 10px 0 0;
    overflow: hidden;
}

.tb-thumb li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 1px;
}

.tb-s310, .tb-s310 a {
    height: 310px;
    width: 310px;
}

.tb-s310, .tb-s310 img {
    max-height: 310px;
    max-width: 310px;
}

.tb-s310 a {
    *font-size: 271px;
}

.tb-s40 a {
    *font-size: 35px;
}

.tb-s40, .tb-s40 a {
    height: 40px;
    width: 40px;
}

.tb-booth {
    border: 1px solid #CDCDCD;
    position: relative;
    z-index: 1;
}

.tb-thumb .tb-selected {
    background: none repeat scroll 0 0 #C30008;
    height: 40px;
    padding: 2px;
}

.tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}

.tb-thumb li div {
    border: 1px solid #CDCDCD;
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.zoomMask {
    position: absolute;
    background: url("../images/mask.png") repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}

.tb-pic .a img {
    max-width: 40px;
    max-height: 40px;
    display: block;
    margin: auto;
}

.tableopeng tr td {
    padding: 10px 10px;
    background: #fff;
}

.tableopeng tr {
    background: #000;
}

.tableopeng input {
    width: 50%;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
}

.tableopeng bottom {
    background: #720E10;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.tableopeng bottom:hover {
    background: red;
}

/*1206首页代码修改*/
.wh {
    width: 1200px;
    margin: 0 auto;
}

.pro_item {
    overflow: hidden;
    padding-top: 100px;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.pro_itemL {
    width: 640px;
    overflow: hidden;
}

.pro_itemL img {
    width: 640px;
    height: 575px;
    overflow: hidden;
}

.pro_itemR {
    width: 420px;
    overflow: hidden;
    margin-left: 100px;
}

.pro_itemR h1 {
    font-size: 48px;
    color: #000;
    line-height: 72px;
}

.pro_itemR h1 a {
    font-size: 48px;
    color: #000;
}

.pro_itemR p {
    font-size: 30px;
    color: #222;
    margin-top: 40px;
}

.pro_itemR a.more {
    width: 182px;
    height: 62px;
    background: url(../images/more_iconBg.jpg) no-repeat;
    display: block;
    margin-top: 50px;
    line-height: 62px;
    font-size: 24px;
    color: #222;
    text-align: center;
}

.pro_con {
    padding-top: 90px;
    overflow: hidden;
    text-align: center;
}

.pro_con h1 {
    font-size: 48px;
    color: #222;
}

.pro_con p.line {
    margin-top: 10px;
    color: #1b1b1b;
    font-size: 18px;
}

.pro_con h2 {
    font-size: 24px;
    color: #222;
    margin-top: 10px;
}

.index-div3 {
    width: 100%;
    margin-top: 100px;
    overflow: hidden;
}

.index-div3 img {
    height: 550px;
    overflow: hidden;
}

.index-ul3 {
    margin-top: 50px;
    overflow: hidden;
}

.index-ul3 li {
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 16px;
}

.index-ul3 li img {
    width: 220px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 12px;
}

.index-ul3 li p {
    font-size: 20px;
    color: #222;
    margin-top: 10px;
}

.index-ul3 li h4 {
    font-size: 20px;
    color: #fe0000;
    margin-top: 12px;
}

.news_list {
    margin-top: 60px;
    overflow: hidden;
    position: relative;
}

.news_list .news_btn {
    width: 14px;
    height: 26px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.news_list .prev {
    background: url(../images/prev_btnBg.jpg) no-repeat;
    left: 0;
}

.news_list .next {
    background: url(../images/next_btnBg.jpg) no-repeat;
    right: 0;
}

.news_infoList {
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline;
    margin: 0 20px;
}

.news_infoList ul li {
    width: 272px;
    float: left;
    border: 1px solid #ccc;
    margin-left: 12px;
    overflow: hidden;
}

.news_infoList ul li img {
    width: 368px;
    height: 264px;
}

.news_desCon {
    overflow: hidden;
    padding: 10px;
    text-align: left;
}

.news_desCon h2.news_title {
    font-size: 16px;
    color: #000;
}

.news_desCon p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-top: 12px;
}

.news_infoList ul li a.more {
    color: #000;
    float: right;
    margin-top: 6px;
}


